<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
	<link rel="stylesheet" href="/css/index.css"/>
	<script src="/js/main.js"></script>
	<title th:text="${setting.siteName}+'-帮助中心'">易书网</title>
</head>
<body >

<!--引入   头部片段 -->
<div  th:replace="mall/common/mall_common :: header"></div>


<div class="help-wrap">
	<div class="container clearfix">
		<div class="bread">当前位置：
			<a href="index.html">首页</a> >
			<a href="help.html">帮助中心</a>
		</div>
		<div class="help-l fl">
			<div class="help-item">
				<div class="help-item-title">帮助中心
					<a href="javascript:void(0)" class="abs"></a>
				</div>
				<div class="help-item-list">
					<ul>
						<li th:each="help:${helpList}" ><a href="help.html"th:href="'help.html?id='+${help.id}" th:text="${help.title}">如何买书</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="help-r fr">
			<div class="help-item-title" th:text="${guide.title}">如何买书</div>
			<div class="help-main" th:utext="${guide.content}">
				<h2>1.注册登录</h2>
				<p>第一步：点击易书网首页顶部免费注册进入注册页面。</p>
				<img src="images/help1.png" alt=""/>
				<p>第二步：您可通过邮箱/手机号码进行注册，按照提示填写准确信息，点击提交“立即注册”。</p>
				<img src="images/help2.JPG" alt=""/>
				<p>第三步：注册完成后，点击易书网首页顶部“登录”正常登录账户即可。</p>
				<h2>2.搜索商品</h2>
				<p>第一步：搜索自己想要的书籍</p>
				<img src="images/help3.png" alt=""/>
				<p>第二步：选好进入详情</p>
				<h2>3.购买书籍</h2>
				<p>第一步：点击购买即可</p>
				<img src="images/step4.png" alt=""/>
			</div>
		</div>
	</div>
</div>




<!--引入 尾部片段-->
<div  th:replace="mall/common/mall_common :: footer"></div>
<script src="/js/jquery-3.4.1.js"></script>
<script>
	$("#dataList").click(function () {
		var data = $("#bookName").val();
		console.log(data)
		location.href="/mall/list.html?bookName="+data;
		return false;
	})
</script>
</body>
</html>